<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://www.fei.com/static/js/jquery-1.7.2.js"></script>
</head>
<body>
<canvas id="DrawBoard" width="500" height="450" style="border:1px solid black"></canvas>
<button id="SaveDoodle">save doodle</button>
<input type="file" id="upload"></input>
<!--
<button id="purple">Purple</button>
<button id="green">Green</button>
<button id="yellow">Yellow</button>
<button id="brown">Brown</button>
<input type="text" id="text"></input>
<button id="save">save</button>
<img id="img" width="200px" height="200px"></img>
-->
<script type="text/javascript" src="http://www.fei.com/static/js/panel/panel.js"></script>
<script type="text/javascript" src="http://www.fei.com/static/js/panel/brush.js"></script>
<script type="text/javascript" src="http://www.fei.com/static/js/drawBoard.js"></script>
<script type="text/javascript">
var canvas = $("#DrawBoard");
var panel = new Panel(canvas);
var brush = new Brush();
panel.setTool(brush);

</script>
</body>
</html>
